<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet name="css/default.css" />
        <h:outputStylesheet name="css/menu.css" />
        <title><ui:insert name="title" /></title>
        <link rel="shortcut icon" type="image/ico" href="#{request.contextPath}/images/icono.ico" />
        <script type="text/javascript" src="../resources/js/AllScripts.js"></script>
        <c:if test="#{loginBean.usuario==null}">
            <meta HTTP-EQUIV="REFRESH" content="0; url=#{request.contextPath}/faces/login.xhtml" />
        </c:if>

    </h:head>

    <h:body>

        <div id="header_outter-admin">
            <ui:insert name="top">
                <div id="header_inner-admin">
                    <div id="logo">
                        <img src="../images/subway-logo.png" width="152" height="44" alt="subway-logo"/>
                        <h1>El Salvador</h1>
                    </div><!-- end of logo -->

                    <div id="session-links-admintemplate">
                        <h:form>
                            <h:panelGrid columns="3">
                                <h:outputText value="Bienvenido #{loginBean.usuario} | "/>
                                <h:commandLink action="#{loginBean.cerrarSesion()}" value="Salir"/>
                                <script type="text/javascript">inicio()</script>
                            </h:panelGrid>
                        </h:form>

                    </div><!-- end of session-links -->

                    <div id="Menu-wrapper-admin">
                        <ul id="Menu">

                            <li class="istylei0"><a href="#{request.contextPath}/faces/index.xhtml">
                                    <img src="../images/i_home.gif" width="10" height="10" alt="i_home"/>
                                    <span>Inicio</span></a>
                            </li>
                            <li class="istylei0"><a href="#{request.contextPath}/faces/categoria/ListaCategoria.xhtml">
                                    <span>Categor&iacute;as</span></a>
                            </li>
                            <li class="istylei0"><a href="#{request.contextPath}/faces/producto/ListaProducto.xhtml">
                                    <span>Productos</span></a>
                            </li>
                            <li class="istylei0"><a href="#{request.contextPath}/faces/pedido/ListaPedido.xhtml">
                                    <span>Pedidos</span></a>
                            </li>
                            <li class="istylei0"><a href="#{request.contextPath}/faces/mantenimientoUsuarios.xhtml">
                                    <span>Sistema</span>
                                    <img class="hiddenhover-img" src="../images/down-menu.png" width="10" height="10" alt="down-menu"/>
                                    <img class="up-menu" src="../images/up-menu.png" width="10" height="10" alt="down-menu"/></a>
                                <ul class="istylem0">
                                    <li><a href="#{request.contextPath}/faces/persona/ListaPersona.xhtml">Registros Actuales</a></li>
                                    <li><a href="#{request.contextPath}/faces/usuarioPersonaRol/ListaUsuario.xhtml">Usuarios</a></li>
                                    <li><a href="#{request.contextPath}/faces/empleado/ListaEmpleado.xhtml">Empleados</a></li>
                                    <li><a href="#{request.contextPath}/faces/usuarioRol/ListaRol.xhtml">Roles</a></li>
                                    <li><a href="#">Catalogos
                                            <img src="../images/rigth-menu.png" width="10" height="10" style="margin-left: 90px" alt="rigth-menu"/></a>
                                        <ul>
                                            <li><a href="#{request.contextPath}/faces/catDireccion/ListaDireccion.xhtml">Direcciones</a></li>
                                            <li><a href="#{request.contextPath}/faces/catDireccion/.xhtml">Documentos</a></li>
                                            <li><a href="#{request.contextPath}/faces/catDireccion/.xhtml">Teléfonos</a></li>
                                            <li class="istylei1"><a>&nbsp;</a></li>
                                        </ul>
                                    </li>
                                    <li class="istylei1"><a>&nbsp;</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div><!-- end of Menu-wrapper -->


                </div><!-- end of header_inner -->

            </ui:insert>
        </div><!-- end of header_outter -->

        <div id="content_outter">
            <ui:insert name="content">
                <!-- El contenido irá en cada página Template Client "hija"-->
            </ui:insert>

        </div><!-- end of content_outter -->
        <div id="footer_outter_admintemplate">
            <ui:insert name="bottom">
                <div id="footer_admintemplate">
                    Copyright © 2012 <a href="#">Subway El Salvador</a> | 
                    Designed by ASI II <span>Grupo 4 </span><a href="http://ufg.edu.sv/" target="_blank">www.ufg.edu.sv</a> |
                    Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; 
                    <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
                </div>
            </ui:insert>
        </div><!-- end of footer_outter -->

    </h:body>

</html>
